<template>
    <div>
        <div class="swiper-container bee">
            <div class="swiper-wrapper">
                <slot></slot>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
</template>
<script>
import Swiper from 'swiper/bundle';
import 'swiper/css/bundle';
/* 导入样式不需要form */
export default {
    props:{
        loop:{
            type:Boolean,
            default:true
        }
    },

    mounted() {
        new Swiper('.bee',{
            pagination:{
                el:'.swiper-paginnation'
            },
            loop: this.loop,
            autoplay:{
                delay:2500,
                disableOnInteraction:false
            }
        })
    },
}
</script>

<style lang="scss">
</style>